// 滚动条
@mixin scroll-beautify($width, $thumb, $track, $type) {
  -webkit-appearance: none;
  overflow-y: $type !important;
  -webkit-overflow-scrolling: touch;

  /* 这是针对缺省样式 */
  &::-webkit-scrollbar {
    width: $width;
  }

  /* 滚动条的滑轨背景颜色 */
  &::-webkit-scrollbar-track {
    background-color: $track;
  }

  /* 滑块颜色 */
  &::-webkit-scrollbar-thumb {
    width: $width;
    min-height: 150px;
    border-radius: 10px;
    background-color: rgba($color: $thumb, $alpha: 0.65);
  }

  /* 滑块颜色hvoer效果 */
  &::-webkit-scrollbar-thumb:hover {
    background-color: $thumb;
  }
}
